<template>
	<div class="PlateAll">
		 <transition name="fade">
		 	 <keep-alive>
		 	 	<router-view></router-view> 
		 	 </keep-alive> 
    	 </transition>
		<footers v-if="footShow"></footers>
	</div>
</template>
<script type="text/javascript">
import footers from '../../components/other/footer'
	export default{
		name:'PlateAll',
		components:{
			footers
		},
		data(){
			return{
				footShow:''
			}
		},
		mounted:function(){
			this.footShow=this.$store.state.isFooters;
			console.log(this.footShow)
		}
	}
</script>
<style> 
	.PlateAll{

	}
	.BourseAll{

	}
	.Bourse_cont{
		margin-top: 1.2rem;
	}
	.content{
	    margin-top:2.4rem;
	    background-color:#f3f3f3;
	   	min-height:14rem;
	   margin-bottom:1.3rem;
	  }
	  .content_all{ 
	   	min-height:15.4rem !important;
	   	margin-bottom:0 !important;
	  }
	.list_cont{
		width: 100%;
		margin-top:1.2rem;
		background-color:#f3f3f3;
		min-height:15.23rem;
	}
	.Nvatrigger{
		width: 100%;
		background-color: #fff;
		height: 1.2rem;
		position: fixed;
		z-index:100;
		top:1.2rem;
		left: 0;
	}
	.Nvatrigger span{
		width: 1.7333333333rem;
		height: 0.6666666667rem;
		line-height: 0.6666666667rem;
		text-align: center;
		color: #666666;
		background-color: #f2f2f2;
		border-radius: 0.0666666667rem;
		display: inline-block;
		margin-left: 0.4rem;
		margin-top:0.2666666667rem;
		font-size: 0.32rem;
	}
	.Nvatrigger span.active{
		color: #fff;
		background-color: #db2023;
	}

	.head_two{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 1.2rem;
		background-color: #ff0000;
		text-align: center;

	}
	.head_two i{
		position: absolute;
		z-index: 11;
		left: 0;
		width: 1.2rem;
		height: 1.2rem;
		color: #fff;
		font-size: 0.5333333333rem;
		line-height: 1.2rem;
	}
	.head_two span{
		color: #fff;
		font-size:0.48rem;
		line-height:1.2rem;
	}

	/* 加载动画 */
	.spinner {
	  margin:0.2666666667rem 0 0.2rem 0;
	 /*  width: 0.6666666667rem; */
	  height: 0.6666666667rem;
	  text-align: center;
	  font-size: 0.2666666667rem;
	}
	.spinner > div {
	  background-color: #db2023;
	  height: 100%;
	  width: 0.1333333333rem;
	  display: inline-block; 
	  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	  animation: stretchdelay 1.2s infinite ease-in-out;
	}
	 
	.spinner .rect2 {
	  -webkit-animation-delay: -1.1s;
	  animation-delay: -1.1s;
	}
	 
	.spinner .rect3 {
	  -webkit-animation-delay: -1.0s;
	  animation-delay: -1.0s;
	}
	 
	.spinner .rect4 {
	  -webkit-animation-delay: -0.9s;
	  animation-delay: -0.9s;
	}
	 
	.spinner .rect5 {
	  -webkit-animation-delay: -0.8s;
	  animation-delay: -0.8s;
	}
	 
	@-webkit-keyframes stretchdelay {
	  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
	  20% { -webkit-transform: scaleY(1.0) }
	}
	 
	@keyframes stretchdelay {
	  0%, 40%, 100% {
	    transform: scaleY(0.4);
	    -webkit-transform: scaleY(0.4);
	  }  20% {
	    transform: scaleY(1.0);
	    -webkit-transform: scaleY(1.0);
	  }
	}
	.ToLoading{
		display: block;
		width:100%;
		float: left;
	}
	.ToLoading p{
		font-size:0.32rem;
		color: #db2023;
		text-align: center;
		padding-top: 0.2rem;
	}
	.mint-loadmore-top, .mint-loadmore-bottom{
		line-height:0 !important; 
	}
	.mint-loadmore-bottom{
		height:0 !important; 
	}


	.moveSpan{
		line-height: 0.6666666667rem;
	}
	.dorpSpan{
		margin-top: 0.2rem;
	}
	.mint-popup-top{
		width: 100%;
		height:1.0666666667rem;
	}
	.mint-loadmore-top{ 
		margin-top: -1.6rem;
		/* height: 0 !important; */
	}
	 .mint-loadmore-bottom{
	 	margin-bottom:0;
	 	
	 }
	.update_p{
		position: relative;
		bottom:-0.2666666667rem;
		left: 0;
		width: 100%;
		z-index: 100;
		height:1.0666666667rem;
		background-color:rgba(0,0,0,0.5);
		color: #fff;
		font-size: 0.3733333333rem;
		text-align: center;
		line-height: 1.0666666667rem;

	}
	.mint_top{
		margin-top:0 !important;
	}
	.mint_bottom{
		margin-bottom:1.6rem !important;
	}

</style>